<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>无锡五杰</title>
	
	<!--默认样式-->
	<link rel="stylesheet" href="css/reset.css">
	
	<!--响应式框架-->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	
	<!--css3动画库-->
	<link rel="stylesheet" href="css/animate.css">
	
	<!--banner大图基础样式-->
	<link rel="stylesheet" href="css/slick.css">
	
	<!--页面滚动基础样式-->
	<link rel="stylesheet" href="css/jquery.fullPage.css" />

	<!--图片和滚屏样式-->
	<link rel="stylesheet" href="css/index.css">
	<!-- 第二页3D图片样式 -->
	<link rel="stylesheet" href="css/3D-style.css">
	<!-- 第3样式 -->
	<link rel="stylesheet" href="css/page3.css">
</head>
<body>

	
	<!-- 内容 -->
    <div id="index_main" class="index_main">
    	<!--导航-->
        <div class="section section1">
            <div class="index_banner">
				<div class="item">
                    <div class="items scaleBg" style="background-image: url(img/bg-1.png);"></div>
                    <div class="inner">
                        <div class="block_txt">
                            <h1 style="text-align: center"> 我们是<span>无锡五杰</span>  </h1>
                            <h2>我们热爱<span>生活</span> 相信<span>美好</span> 不断<span>学习</span> </h2>
							<h2>我们拥抱未来</h2>                            
                        </div>
                    </div>
                </div> 
                <div class="item">
                    <div class="items scaleBg" style="background-image: url(img/banner1.png);"></div>
                    <div class="inner">
                        <div class="block_txt">
                            <h4> 相信美好</h4>
                            <h2>让<span>美好持续</span>发生</h2>
							<h3>我们有让美好持续发生的愿望，更有让美好持续发生的能力</h3>                            
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="items scaleBg" style="background-image: url(img/banner2.png);"></div>
                    <div class="inner">
                        <div class="block_txt">
							<h4> </h4>
							<h3><span>生活就像旅行</span><br>会看到乌云密布<br></h3>
                            <h2>
								也会看到<span>阳光</span>与<span>希望</span></h2>

							<h3>品味生活</h3>                            
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="items scaleBg" style="background-image: url(img/banner3.jpg);"></div>
                    <div class="inner">
                        <div class="block_txt">
                            <h4>学无止境 </h4>
                             <h2>让<span>学习</span>永不停歇</h2>
							<h3>好好学习，天天向上</h3>                            
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="items scaleBg" style="background-image: url(img/banner4.jpg);"></div>
                    <div class="inner">
                        <div class="block_txt">
                            <h4>拥抱未来</h4>
							<h3>再远的地方，只要愿意迈步</h3>                            
                            <h2><span>都不遥远</span></h2>
                        </div>
                    </div>
                </div>
           
           	</div>
            <div class="left slick_txt">
                <div class="prev slick_arrow"></div>
            </div>
            <div class="right slick_txt">
                <div class="next slick_arrow"></div>
            </div>
            <div class="number">
                <div class="inner clearfix">
                    <span class="active">01</span>
                    <span >02</span>
                    <span >03</span>
                    <span >04</span>
                    <span >05</span>
                </div>
            </div>
        </div>
        <div class="section section2">
			
        	<div class="container">
				
								
	<div id="drag-container">
	
	<div id="spin-container">
  
	  <img src="img/our01.jpg" alt="">
	  <img src="img/our02.jpg" alt="">
	  <img src="img/our03.jpg" alt="">
	  <img src="img/our04.jpg" alt="">
	  <img src="img/our05.jpg" alt="">
	  <img src="img/our06.jpg" alt="">
	  <img src="img/our07.jpg" alt="">
	  
	
	  <!-- Dòng chữ ở giữa vòng xoay -->
	  <p><h3 style="color: pink">我们の回忆</h3></p>
	</div>
	<div id="ground"></div>
  </div>

		
			</div>
        </div>
        <div class="section section3">
        
				<div class="page3">
					<iframe src="pag3-bg/yc.html" frameborder="0" name=zs  scrolling="no" class="zs-frame"></iframe>
					<div class="key-frame">
						<div class="key">
								<a href="pag3/index.html" target="zs"><img src="peopleimg/peoplebottom.png" alt="" class="keyimg"></img>
						</div>
						
					</div>
					
				</div>
        </div>

    </div>
	
	<script src="js/jquery.min.js"></script>
	
	<script src="js/jquery.fullPage.min.js"></script>
	<script src="js/index_slick.js"></script>
	
	<script src="js/index.js"></script>
	<script src="js/3D-script.js"></script>
</body>
</html>